<template>
  <el-header
    ><div class="collIcon">
      <el-icon
        v-if="!isCollapse"
        @click="() => (isCollapse = true)"
        color="#439efd"
        ><Fold
      /></el-icon>
      <el-icon v-else @click="() => (isCollapse = false)" color="#439efd"
        ><Expand
      /></el-icon></div
  ></el-header>
</template>

<script lang="ts">
import { ref } from "vue";

export default {
  name: "MyHeader",
};

const isCollapse = ref<boolean>(false);
</script>

<style scoped lang="scss">
.collIcon {
}
</style>
